<template>
    <el-dialog
        title="删除您的项目？"
        :visible.sync="removeData.show"
        width="30%">
        <span>您即将永久删除自己的项目，以及与您的 项目相关联的所有数据。 确认删除项目后，无法撤销或恢复。</span>
        <p>请输入<span style="color:#f56c6c;"> 我确定删除 </span>进行确认</p>
        <el-input clearable placeholder="请输入我确定删除" v-model="name"></el-input>
        <span slot="footer" class="dialog-footer">
            <el-button @click="removeData.show=false">取 消</el-button>
            <el-button type="danger" @click="confirm">确 定</el-button>
        </span>
    </el-dialog>
</template>
<script>
export default {
    name: 'RemoveTips',
    props: {
        removeData: {
            type: Object,
            required: true
        }
    },
    data () {
        return {
            name: ''
        }
    },
    methods: {
        confirm () {
            if (this.name === '我确定删除') {
                this.$emit('confirm')
            } else {
                this.$message.error('请输入"我确定删除"')
            }
        }
    }
}
</script>
